<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/zhuye.css">
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/angular.min.js"></script>
    <script src="../js/angular-route.min.js"></script>


</head>
<body>
<!--导航-->
<nav>
    <img src="../img/logo.png" height="44"/>
    <div>
        <ul>
            <li ><a href="#!/" class="select">首页</a></li>
            <li><a href="#!/LADIES化妆品">LADIES化妆品</a></li>
            <li><a href="#!/LADIES轻奢" >LADIES轻奢</a></li>
            <li><a href="#!/思想">思想</a></li>
            <li><a href="#!/关于">关于</a></li>
            <li><a href="#!/新闻">新闻</a></li>
        </ul>
    </div>
</nav>
<!--路由插座-->
<div ng-view=""></div>

<script>
    var app = angular.module('app',['ngRoute']);
    app.config(function ($routeProvider) {
        $routeProvider
        .when('/',{
            templateUrl:'zhuye.html'
        })
        .when('/LADIES化妆品',{
            templateUrl:'LADIES化妆品.html'
        })
        .when('/LADIES轻奢',{
             templateUrl:'LADIES轻奢.html'
        })
        .when('/思想',{
             templateUrl:'思想.html'
        })
        .when('/关于',{
             templateUrl:'关于.html'
        })
        .when('/新闻',{
             templateUrl:'新闻.html'
        })
    })
</script>
</body>
</html>